import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
import ArcoVue from '@arco-design/web-vue'
import '@arco-design/web-vue/dist/arco.css'
import { clerkPlugin } from '@clerk/vue'
import router from './router'

const PUBLISHABLE_KEY = 'pk_test_aGFwcHktYXJhY2huaWQtMTkuY2xlcmsuYWNjb3VudHMuZGV2JA'

if (!PUBLISHABLE_KEY) {
  throw new Error('Add your Clerk Publishable Key to the .env file')
}

const app = createApp(App)
app.use(clerkPlugin, { publishableKey: PUBLISHABLE_KEY })
app.use(router)

app.use(ArcoVue)
app.mount('#app')